<!DOCTYPE html>
<html lang="zh" style="height: 100%" xmlns:th="http://www.thymeleaf.org">
<div th:replace="include/head.html::html"></div>
<link rel="stylesheet" th:href="@{admin/css/pearTheme.css}"/>
<link rel="stylesheet" th:href="@{admin/css/pearAdmin.css}"/>
<link rel="stylesheet" th:href="@{admin/css/pearNotice.css}"/>
<link rel="stylesheet" th:href="@{admin/css/pearMenu.css}"/>
<body class="layui-layout-body pear-admin">
<!-- 布局框架 -->
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <ul class="layui-nav layui-layout-left">
            <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1"></a></li>
        </ul>
        <div id="control" class="layui-layout-control"></div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item" lay-unselect="">
                <a href="javascript:;" >
                    <a href="javascript:;">
                        <img id="USER_HEAD"
                             th:src="${session.systemUser.head}"
                             src="work/img/img_loading.gif"
                             style="width: 30px;height: 30px;margin-right: 10px;border-radius: 50%"/>
                        <cite th:text="${session.systemUser.name}"></cite>
                    </a>
                </a>
                <dl class="layui-nav-child">
                    <dd>
                        <a lay-href="sysuser/userData" style="text-align: left">
                            <i style="margin-right: 10px" class="seraph icon-ziliao" data-icon="icon-ziliao"></i>基本资料
                        </a>
                    </dd>
                    <dd>
                        <a lay-href="sysuser/editPwd" style="text-align: left">
                            <i style="margin-right: 10px" class="seraph icon-xiugai" data-icon="icon-xiugai"></i>修改密码
                        </a>
                    </dd>
                    <dd style="text-align: left;">
                        <a lay-href="logout">
                            <i style="margin-right: 10px" class="seraph icon-tuichu"></i>退出
                        </a>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <div class="layui-logo">
                <span>移动办公平台管理系统</span>
            </div>
            <ul class="layui-nav layui-nav-tree" lay-filter="test" id="left-tree" data-name="000"
                style="width: 100%;background-color: #28333E">
            </ul>
        </div>
    </div>
    <div class="layui-body">
        <div id="content"></div>
    </div>
</div>
<!-- 移动端 遮盖层 -->
<div class="pear-cover"></div>
<!-- 初始加载 动画-->
<div class="loader-main">
    <div class="loader"></div>
</div>
<!-- 聊天组件 -->
<div id="social" class="layui-hide-xs layui-hide"></div>

<!-- 移动端 的 收缩适配 -->
<div class="collaspe pe-collaspe layui-hide-sm">
    <i class="layui-icon layui-icon-shrink-right"></i>
</div>
<script th:src="@{component/layui/layui.js}"></script>
<script type="text/javascript" th:inline="javascript">
    var systemUser = [[${session.systemUser}]];
    layui.use(['pearAdmin', 'jquery', 'pearSocial', 'element', 'layer', 'menu'], function () {
        var pearAdmin = layui.pearAdmin;
        var $ = layui.jquery;
        var layer = layui.layer;
        var pearSocial = layui.pearSocial;
        var pearAuth = layui.pearAuth;
        var element = layui.element;

        var config = {
            keepLoad: 2000, // 主 页 加 载 过 度 时 长 可为 false
            muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
            control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
            theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
            index: 'home', // 默 认 加 载 主 页
            // data: false, // 菜 单 数 据 加 载 地 址
            select: '0',                 // 默 认 选 中 菜 单 项
            notice: 'admin/data/notice.json', // 消 息 列 表 数 据
            auth: false  // 前端权限限制，false 关闭该功能
        };

        var setting = {
            elem: 'social'
        }

        var menu = layui.menu;
        var meunData = [[${session.leftUrls}]];
        var Menu = menu.render({
            elem: '.layui-nav-tree',
            data: meunData,
            done: function (res, dom) {
                element.render();
                /*var dataTable = layui.data("dataTable");
                var id;
                $.each(dataTable,function (count,obj) {
                    index.openTabsPage(obj.id, obj.title);
                    id = obj.dataName;
                });
                Menu.initChoose(id);*/
            }
        });
        pearSocial.render(setting);
        pearAdmin.render(config);
    })
</script>
<script>
</script>
</body>
</html>
